//物资采购JS
//领用物资列表
var jsondata =
    [
        {
            "ID": "LY20180725001",
            "Name": "王一璇",
            "Number": "2",
            "Time": "2018.07.25",
            "Status": "审批中"
        },
        {
            "ID": "LY20180801001",
            "Name": "王一璇",
            "Number": "3",
            "Time": "2018.08.01",
            "Status": "已提交"
        },
    ]
var listdata =
    [
        {
            "ID": 1
        }
    ]
//初始化bootstrap-table的内容
$('#list_table').bootstrapTable({
    //url: queryUrl,                      //请求后台的URL（*）
    //method: 'GET',                      //请求方式（*）
    toolbar: '#toolbar',              //工具按钮用哪个容器
    striped: true,                      //是否显示行间隔色
    cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
    pagination: true,                   //是否显示分页（*）
    sortable: true,                     //是否启用排序
    sortOrder: "asc",                   //排序方式
    sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
    pageNumber: 1,                      //初始化加载第一页，默认第一页,并记录
    /* pageSize: rows,         */            //每页的记录行数（*）
    pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
    search: false,                      //是否显示表格搜索
    strictSearch: true,
    showColumns: true,                  //是否显示所有的列（选择显示的列）
    showRefresh: true,                  //是否显示刷新按钮
    minimumCountColumns: 2,             //最少允许的列数
    clickToSelect: true,                //是否启用点击选中行
    //height: 500,                      //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
    uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
    showToggle: true,                   //是否显示详细视图和列表视图的切换按钮
    cardView: false,                    //是否显示详细视图
    detailView: false,                  //是否显示父子表
    //得到查询的参数
    queryParams: function (params) {
        //这里的键的名字和控制器的变量名必须一致，这边改动，控制器也需要改成一样的
        var temp = {
            rows: params.limit,                         //页面大小
            page: (params.offset / params.limit) + 1,   //页码
            sort: params.sort,      //排序列名
            sortOrder: params.order //排位命令（desc，asc）
        };
        return temp;
    },
    columns: [{
        checkbox: true,
        visible: true                  //是否显示复选框
    },
    {
        field: 'ID',
        title: '申请编号',
        sortable: true
    }, {
        field: 'Name',
        title: '申请人',
        sortable: true
    }, {
        field: 'Number',
        title: '物资数量',
        sortable: true
    }, {
        field: 'Time',
        title: '申请时间',
        sortable: true
    },
    {
        field: 'Status',
        title: '申请状态',
        sortable: true
    }, {
        field: 'Operate',
        title: '操作',
        align: 'center',
        width: 140,
        //events:operateEvents,
        formatter: actionFormatter,
    },],
    //onLoadSuccess: function () {
    //},
    //onLoadError: function () {
    //    showTips("数据加载失败！");
    //},
    data: jsondata,
    //onDblClickRow: function (row, $element) {
    //    var id = row.ID;
    //    EditViewById(id, 'view');
    //},
});
$('.columns-right').append('&nbsp;&nbsp;<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" style="width:100px"><i class="fa fa-plus-square addstyle_addpage_white"></i>&nbsp;申请领用</button >&nbsp;&nbsp;<button type="button" class="btn btn-primary" style="width:100px"><i class="fa fa-close addstyle_addpage_white"></i>&nbsp;删除</button >&nbsp;&nbsp;');
//操作栏的格式化
function actionFormatter(value, row, index) {
    return [
        '<button type="button" class="RoleOfdelete btn btn-primary btn-sm" data-toggle="modal" data-target="#particularsModal" style="margin-right:15px;">详情</button>',
        '<button type="button" class="RoleOfedit btn btn-primary btn-sm" style="margin-right:15px;" data-toggle="modal" data-target="#myModal">修改</button>'
    ].join('');
}
//新增页表格
$('#add_table').bootstrapTable({
    //url: queryUrl,                      //请求后台的URL（*）
    //method: 'GET',                      //请求方式（*）
    //toolbar: '#toolbar',              //工具按钮用哪个容器
    striped: true,                      //是否显示行间隔色
    cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
    pagination: false,                   //是否显示分页（*）
    sortable: true,                     //是否启用排序
    sortOrder: "asc",                   //排序方式
    sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
    pageNumber: 1,                      //初始化加载第一页，默认第一页,并记录
    /* pageSize: rows,         */            //每页的记录行数（*）
    pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
    search: false,                      //是否显示表格搜索
    strictSearch: true,
    showColumns: false,                  //是否显示所有的列（选择显示的列）
    showRefresh: false,                  //是否显示刷新按钮
    minimumCountColumns: 2,             //最少允许的列数
    clickToSelect: true,                //是否启用点击选中行
    //height: 500,                      //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
    uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
    showToggle: false,                   //是否显示详细视图和列表视图的切换按钮
    cardView: false,                    //是否显示详细视图
    detailView: false,                  //是否显示父子表
    //得到查询的参数
    queryParams: function (params) {
        //这里的键的名字和控制器的变量名必须一致，这边改动，控制器也需要改成一样的
        var temp = {
            rows: params.limit,                         //页面大小
            page: (params.offset / params.limit) + 1,   //页码
            sort: params.sort,      //排序列名
            sortOrder: params.order //排位命令（desc，asc）
        };
        return temp;
    },
    columns: [
        {
            field: 'ID',
            title: '序号',
        }, {
            field: 'Repository',
            title: '所在仓库',
            align: 'center',
            formatter: checkRepositoryFormatter,
        },{
            field: 'Name',
            title: '物资名称',
            align: 'center',
            formatter: inputNameFormatter,
        }, {
            field: 'Modelnum',
            title: '型号规格',
            align: 'center',
            formatter: checkModelnumFormatter,
        }, {
            field: 'Units',
            title: '单位',
            align: 'center',
            formatter: checkUnitsFormatter,
        }, {
            field: 'aNumber',
            title: '计划数量',
            align: 'center',
            formatter: inputaNumFormatter,
        }, {
            field: 'bNumber',
            title: '核定数量',
            align: 'center',
            formatter: inputbNumFormatter,
        }, {
            field: 'Use',
            title: '用途',
            align: 'center',
            formatter: inputUseFormatter,
        }, {
            field: 'Remark',
            title: '备注',
            align: 'center',
            formatter: inputRemarkFormatter,
        }, {
            field: 'Accessory',
            align: 'center',
            formatter: FileFormatter,
            title: '附件',
        }, {
            field: 'Operate',
            title: '操作',
            align: 'center',
            formatter: deleteFormatter,

        },],
    data: listdata
});
//生成序号
var gaddindex = 1;
function add_rows() {
    gaddindex++;
    $('#add_table tbody').append('<tr data-index="0" data-uniqueid="1"><td style="" class="td_addclass">' + gaddindex + '</td></td> <td style="text-align: center; "><select name="cars" class="custom-select">&lt; option selected &gt;仓库1<option>仓库2</option><option>仓库3</option><option>仓库4</option></select></td> <td style="text-align: center; "><input type="text" class="form-control"></td> <td style="text-align: center; "><select name="cars" class="custom-select">&lt; option selected &gt;HP m1005<option value="Google"></option><option value="Runoob"></option><option value="Taobao"></option></select></td> <td style="text-align: center; "><select name="cars" class="custom-select">&lt; option selected &gt;台<option>辆</option><option>条</option><option>个</option></select></td> <td style="text-align: center; "><input type="text" class="form-control"></td> <td style="text-align: center; "><input type="text" class="form-control"></td> <td style="text-align: center; "><input type="text" class="form-control"></td> <td style="text-align: center; "><input type="text" class="form-control"></td> <td style="text-align: center; "><div class="custom-file" style="width:120px"><input type="file" class="custom-file-input" id="customFile" name="filename"><label class="custom-file-label" for="customFile"><i class="fa fa-folder-open-o pull-left" style="font-size:24px"></i></label></div></td> <td style="text-align: center; "><button type="button" class="RoleOfdelete btn btn-primary btn-sm" style="margin-right:15px;">删除</button></td> </tr>')
    //添加行后刷新序号
    $('.td_addclass').each(function (i) {
        gaddindex = i + 2;
    });
}
function checkRepositoryFormatter(value, row, index) {
    return [
        '<select name="cars" class="custom-select">< option selected >仓库1</option ><option>仓库2</option><option>仓库3</option><option>仓库4</option></select>'
    ]
};
function inputNameFormatter(value, row, index) {
    return [
        '<input type="text" class="form-control" />',
    ].join('');
    //return [
    //    '<input type="text" class="" style="margin-right:15px;"/>',
    //].join('');
}
function checkModelnumFormatter(value, row, index) {
    return [
        '<select name="cars" class="custom-select">< option selected >HP m1005</option ><option value="Google"></option><option value="Runoob"></option><option value="Taobao"></option></select>'
    ]
}
function checkUnitsFormatter(value, row, index) {
    return [
        '<select name="cars" class="custom-select">< option selected >台</option ><option>辆</option><option>条</option><option>个</option></select>'
    ]
}
function inputaNumFormatter(value, row, index) {
    return [
        '<input type="text" class="form-control" />',
    ].join('');
}
function inputbNumFormatter(value, row, index) {
    return [
        '<input type="text" class="form-control" />',
    ].join('');
}
function inputUseFormatter(value, row, index) {
    return [
        '<input type="text" class="form-control" />',
    ].join('');
}
function inputRemarkFormatter(value, row, index) {
    return [
        '<input type="text" class="form-control" />',
    ].join('');
}
function FileFormatter(value, row, index) {
    return [
        '<div class="custom-file" style="width:120px"><input type = "file" class= "custom-file-input" id = "customFile" name = "filename"><label class="custom-file-label" for="customFile"><i class="fa fa-folder-open-o pull-left" style="font-size:24px"></i></label></div>'
    ].join('')

}
function deleteFormatter(value, row, index) {
    return [
        '<button type="button" class="RoleOfdelete btn btn-primary btn-sm" style="margin-right:15px;">删除</button>',
    ].join('');
}
var horwheel = require('horwheel'),
    view = $('.fixed-table-body')[1];
horwheel(view);
//鼠标滚轮控制水平滚动条
//判断浏览器
//var firefox = navigator.userAgent.indexOf('Firefox') != -1
//$(document).ready(function MouseWheel(e) {
//    e = e || window.event;
//    if (e.stopPropagation) {
//        e.stopPropagation();
//    } else {
//        e.cancelBubble = true;
//    }

//    if (e.preventDefault) {
//        e.preventDefault();
//    } else {
//        e.returnValue = false;
//    }
//    // document.title=(e.wheelDelta+'|'+e.detail);

//    if (firefox) {
//        if (e.detail < 0) {
//            $('.bootstrap-table').scrollLeft($('.bootstrap-table').scrollLeft() + 60);
//        } else {
//            $('.bootstrap-table').scrollLeft($('.bootstrap-table').scrollLeft() - 60);
//        }
//    } else {
//        if (e.wheelDelta > 0) {
//            $('.bootstrap-table').scrollLeft($('.bootstrap-table').scrollLeft() + 60);
//        } else {
//            $('.bootstrap-table').scrollLeft($('.bootstrap-table').scrollLeft() - 60);
//        }
//    }
//})
//详情页表格
$('#particulars_table').bootstrapTable({
    //url: queryUrl,                      //请求后台的URL（*）
    //method: 'GET',                      //请求方式（*）
    //toolbar: '#toolbar',              //工具按钮用哪个容器
    striped: true,                      //是否显示行间隔色
    cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
    pagination: false,                   //是否显示分页（*）
    sortable: true,                     //是否启用排序
    sortOrder: "asc",                   //排序方式
    sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
    pageNumber: 1,                      //初始化加载第一页，默认第一页,并记录
    /* pageSize: rows,         */            //每页的记录行数（*）
    pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
    search: false,                      //是否显示表格搜索
    strictSearch: true,
    showColumns: false,                  //是否显示所有的列（选择显示的列）
    showRefresh: false,                  //是否显示刷新按钮
    minimumCountColumns: 2,             //最少允许的列数
    clickToSelect: true,                //是否启用点击选中行
    //height: 500,                      //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
    uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
    showToggle: false,                   //是否显示详细视图和列表视图的切换按钮
    cardView: false,                    //是否显示详细视图
    detailView: false,                  //是否显示父子表
    //得到查询的参数
    queryParams: function (params) {
        //这里的键的名字和控制器的变量名必须一致，这边改动，控制器也需要改成一样的
        var temp = {
            rows: params.limit,                         //页面大小
            page: (params.offset / params.limit) + 1,   //页码
            sort: params.sort,      //排序列名
            sortOrder: params.order //排位命令（desc，asc）
        };
        return temp;
    },
    columns: [
        {
            field: 'ID',
            title: '序号',
        },{
            field: 'Repository',
            title: '所在仓库',
            align: 'center',
        },{
            field: 'Name',
            title: '物资名称',
            align: 'center',
        }, {
            field: 'Modelnum',
            title: '型号规格',
            align: 'center',
        }, {
            field: 'Units',
            title: '单位',
            align: 'center',
        }, {
            field: 'aNumber',
            title: '计划数量',
            align: 'center',
        }, {
            field: 'bNumber',
            title: '核定数量',
            align: 'center',
        },{
            field: 'Use',
            title: '用途',
            align: 'center',
        }, {
            field: 'Remark',
            title: '备注',
            align: 'center',
        }, {
            field: 'Accessory',
            align: 'center',
            title: '附件',
        },],
    data: listdata
});
//鼠标滑轮控制水平滚动条
var horwheel = require('horwheel'),
    view = $('.fixed-table-body')[2];
horwheel(view);